<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8">
    <title>服务回访</title>
    <meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1,user-scalable=no">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-status-bar-style" content="black">

    <link rel="stylesheet" href="../../../css/wx/mui.min.css">
    <link rel="stylesheet" href="../../../css/wx/app.css">
    <link rel="stylesheet" href="../../../css/wx/style.css"/>
    <link rel="stylesheet" href="../../../css/wx/wx-iconfont.css"/>

    <script type="text/javascript">
        var pageConfig = {
            jss: ["app/fwhf/fwhf-info"]
        };
    </script>
    <script data-main="../../../js/wx/public/config" src="../../../js/require.js"></script>
    <script type="text/javascript" src="../../../js/wx/public/wx-iconfont.min.js"></script>

    <style>

        .title {
            color: #6d6d72;
            font-size: 0.4rem;
            margin: .08rem 0;
        }

        .fwhf {
            padding-top: 45px;
        }

        .group2 {
            margin: 10px 0;
        }

        .mui-content {
            padding: 0;
        }
    </style>
</head>

<body>
<div id="content" class="fwhf serveredInfo mui-content">
    <div class="mui-scroll-wrapper">
        <div class="mui-scroll">
            <div class="title" style="padding-left: 15px;">
                设备信息
            </div>
            <ul class="mui-table-view fwhfMsg wf-fwhfMsg">
                <li class="mui-table-view-cell">
                    设备名称<span v-text="item.MMRA004" class="ri"></span>
                </li>
                <li class="mui-table-view-cell">
                    序列号<span v-text="item.MMRA003" class="ri"></span>
                </li>
                <li class="mui-table-view-cell">
                    客户名称<span v-text="item.GWAKL003" class="ri"></span>
                </li>
                <li class="mui-table-view-cell">
                    预约日期时间<span class="ri">{{item.MMRD004|dateFmt}}</span>
                </li>
                <li class="mui-table-view-cell noneborder">
                    问题描述
                </li>
                <div class="tipsTextarea">
                    <textarea  readonly v-text="item.MMRD014"></textarea>
                </div>
            </ul>
            <ul class="mui-table-view fwhfMsg group2 wf-fwhfMsg">
                <li class="mui-table-view-cell">
                    现场服务人员<span v-text="item.MMRG005" class="ri"></span>
                </li>
                <li class="mui-table-view-cell">
                    完工日期时间<span class="ri">{{item.MMRGDOCDATE|dateFmt}}</span>
                </li>
            </ul>
            <div class="title" style="padding-left: 15px;">
                客户评价
            </div>
            <ul class="mui-table-view fwhfMsg wf-fwhfMsg">
                <li class="mui-table-view-cell">
                    <i class="iconfont icon-25 icon"></i>
                    回访项目
                </li>
                <template v-for="pj in d.pj">
                    <li class="mui-table-view-cell ">
                        {{pj.MMRJL004}}
                        <span class="icons ri">
					<i @tap.stop="pjChange(pj, 1)" data-index="1"
                       :class="'mui-icon '+ (pj.MMRK004>=1?'mui-icon-star-filled':'mui-icon-star')"></i>
					<i @tap.stop="pjChange(pj, 2)" data-index="2"
                       :class="'mui-icon '+ (pj.MMRK004>=2?'mui-icon-star-filled':'mui-icon-star')"></i>
					<i @tap.stop="pjChange(pj, 3)" data-index="3"
                       :class="'mui-icon '+ (pj.MMRK004>=3?'mui-icon-star-filled':'mui-icon-star')"></i>
                    <i @tap.stop="pjChange(pj, 4)" data-index="4"
                       :class="'mui-icon '+ (pj.MMRK004>=4?'mui-icon-star-filled':'mui-icon-star')"></i>
                    <i @tap.stop="pjChange(pj, 5)" data-index="5"
                       :class="'mui-icon '+ (pj.MMRK004>=5?'mui-icon-star-filled':'mui-icon-star')"></i>
				</span>
                    </li>
                </template>
            </ul>

            <div class="title" style="padding-left: 15px;">
                客户想法反馈
            </div>

            <div style="padding: 0 15px;">
                <textarea v-model.lazy.trim="d.MMRN005" class="textarea" placeholder="请输入内容"></textarea>
            </div>

            <form class="mui-input-group formList wf-formList" style="margin-bottom: 2rem">
                <div class="mui-input-row">
                    <label>匿名否</label>
                    <select v-model="d.MMRN007" class="selectCont">
                        <option value="1">是</option>
                        <option value="0">否</option>
                    </select>
                </div>
                <div class="mui-input-row">
                    <label>回访对象</label>
                    <input v-model.lazy.trim="d.MMRN008" type="text" class="mui-input-clear" placeholder="请输入内容">
                </div>
                <div class="mui-input-row">
                    <label>联系方式</label>
                    <input v-model.lazy="d.MMRN009" type="number" class="mui-input-clear" placeholder="请输入内容">
                </div>
            </form>
        </div>
    </div>
</div>

<div id="submitDiv" class="bottonBtn">
    <button style="background-color:#2c3a8a">提交</button>
</div>
</body>

</html>